/*样式初始化*/

html{overflow:auto;overflow-y:scroll;height:100%; scroll-behavior:smooth;}

body{font-size:14px; color:#333;background:#fff;font-family:microsoft yahei;overflow-x:hidden;}

*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}

a{text-decoration:none;}

a:hover{text-decoration:none;}

a:active{text-decoration:none;}

a:focus{text-decoration:none;color: #fff;}

ul,li{list-style:none;margin:0;}

h1,h2,h3,h4,h5,h6,p{margin:0;font-family:microsoft yahei;}

img{max-width: 100%;}

.clear{clear: both;}

.fontcolor{color: #0067ac}

.bgcolor{background: #0067ac}

.bgcolor2{background: #40ae5e}

.bgcolor3{background: #a9c550}

.bgcolor4{background: #e87807}



.navbar{background:none;margin:0; }

.navbar-default{border:none;}

.navbar-toggle{margin:0;}

.navbar-collapse{max-height: 100%!important;padding:0;}

.container-fluid{padding:0;}

.tz-gallery{padding:0;}



@media(min-width: 1200px){

    .container{padding:0;}

}





/*h-top*/

.h-top{width:100%;height: 30px;background: #f4f4f4;line-height: 30px;color: #636363;overflow: hidden;}

.h-top .t1,.h-top h1{font-size: 14px;line-height: 30px;}

.h-top .t2{float: right;color: #646464;}

.h-top .t2 a{color: #646464;}

.h-top .t2 a:hover{color: #ff9000;}



/*header*/

.header{overflow: hidden;padding:15px 0;background: #fefefe;}

.h-tel{text-align: right;}

@media(min-width: 768px){

    .header{padding:25px 0;}

}



/*h-nav*/

.h-nav{background: url(../Image/h-bg.png) center no-repeat;overflow: hidden;position: relative;z-index: 2}

.h-nav ul{height: 70px;line-height: 35px;}

.h-nav a{color: #fff;font-family:SimHei;font-size: 14px;display: inline-block;text-align: center;float: left;width: 20%;}

.h-nav ul a:hover{background: url(../Image/h-nav-hover.png) center no-repeat/100% 100%;}

@media(min-width: 768px){

    .h-nav{padding:6px 0;height: 66px;}

    .h-nav ul{height: 53px;line-height: 53px;text-align: center;}

    .h-nav ul a{height: 53px;width:10%;}

    

}



/*banner*/

.banner .swiper-slide img{width:100%;height: 200px;object-fit: cover;}

@media(min-width:768px){

    .banner{margin-top:-7px;}

    .banner .swiper-slide img{height: auto;}

}



/*part2*/

.part2{overflow: hidden;width:100%;background: #f4f4f4}

.part2 .keywords{overflow: hidden;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;}

.part2 .keywords span{font-size: 14px;}

.part2 .keywords a{color: #333;font-size: 14px;display: inline-block;}

.part2 .keywords a:hover{color: #ff9000}

.search{width:100%;height: 30px;position: relative;margin:6px 0;background: #fff;overflow: hidden;}

#input_search{ width:330px; border:none; float: left; text-indent:10px; color: #b1b0b0; font-size: 14px;line-height: 28px;}

.search span{position: absolute;top:3px;right:15px;font-size: 20px;z-index: 0;color:#b1b0b0;}

#btn_search{ width:55px; height:30px; float: right; border:none; background:none; text-indent:-9999px; position: absolute;top:0;right:0;z-index: 1;cursor: pointer;}

@media(min-width: 768px){

    #input_search{ width:250px; }

    .search span{right:5px;}

    #btn_search{ width:40px;}

}

@media(min-width: 992px){

    #input_search{ width:320px; }

    .search span{right:15px;}

    #btn_search{ width:55px;}

}

@media(min-width: 1200px){

    #input_search{width:410px;}

}



/*big-title*/

.big-title{padding:25px 0;text-align: center;overflow: hidden;}

.big-title .hd{width:230px;margin:0 auto;}

.big-title .t1{font-size: 12px;text-transform: uppercase;padding:0 15px;background: #fff;display: inline-block;height: 10px;position: relative;z-index: 1}

.big-title .t2{height: 45px;border-top:solid 1px #0067ac;border-bottom:solid 1px #0067ac;font-family: SimHei;width:100%;display: inline-block;font-size: 26px;line-height: 48px;margin-top: -10px}


.big-title p{text-align: center;color: #333;font-size: 18px;font-family:  SimHei;margin-top: 10px}



/*m-com*/

.m-com{padding:30px 0 0;overflow: hidden;}

.m-com-bd{padding:30px 15px 0; overflow: hidden;}

.m-com-bd .t1{text-align: center;font-weight: bold;font-size: 18px;}

.m-com-bd .t2{padding:15px;overflow:hidden;text-align: center;line-height: 26px;color: #333;font-size: 14px;}

.m-com-bd .t2 a{color: #0067ac;}



/*m-tabs*/

.m-tabs{padding:0 0 60px;overflow: hidden;}

.nav-tabs{text-align: center;border:none;}

.nav-tabs li{display: inline-block;float: none;}

.nav-tabs li a{padding:5px 25px;background: #e6e6e6;color: #636363;margin:0 1px;border-radius: 0;border:none;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none;background: #0067ac;color: #fff;}

.tab-content{margin-top: 15px;overflow: hidden;}

.tab-content .swiper-slide img{object-fit: cover;width:100%;}

.tab-content .swiper-slide p{object-fit: cover;width:100%;color: #313131;line-height: 50px;font-size: 16px;text-align: center;}





/*sidebar*/

.sidebar{width:100%;overflow: hidden;}

.s-hd{padding:20px 0;text-align: center;}

.s-bd{background: #ffffff;}

.s-bd a{height: 80px;font-size: 20px; width:100%;line-height: 80px;display: block;padding:0 23px;color: #444444;border-bottom: solid 1px #cecece}

.s-bd a span{float: right;color: #444444;font-family:SimSun;}

.s-bd a:hover{background: #399ae7;color:#fff;}

.s-bd a:hover span{color:#fff;}



/*m-pro*/

.m-pro{padding:60px 0;background: #f2f2f2;overflow: hidden;}

.m-pro-right{overflow: hidden;}

.m-pro-right .swiper-container2{width:100%;height:100%;margin-left:auto;margin-right:auto;}

.m-pro-right .swiper-slide{text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */

 display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;flex-direction: column;}

 .m-pro-right .swiper-slide img{width:100%;object-fit: cover;float: left;}

 .m-pro-right .swiper-slide .txt{text-align: left;width:100%;padding:30px;object-fit: cover;}

 .m-pro-right .swiper-slide .txt .t1{width:100%;font-size: 23px;font-weight: bold;float: left;text-align: left}

 .m-pro-right .swiper-slide .txt .t2{width:100%;font-size: 14px;line-height: 24px;float: left;text-align: left;margin-top: 8px;}

 .m-pro-right .swiper-slide .txt .t2 a{color: #0067ac;font-size: 12px;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: #d1d6da;color: #fff;font-size: 20px;padding:10px 3px;font-family:SimSun;box-sizing: border-box;height: auto;border-radius: 5px;right:20px;width:20px;text-align: center;top:30%;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: #d1d6da;color: #fff;font-size: 20px;padding:10px 3px;font-family:SimSun;box-sizing: border-box;border-radius: 5px;left:20px;width:20px;top:30%;height: auto;text-align: center;}

@media(min-width: 768px){

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{font-size: 30px;padding:15px 3px;border-radius: 5px;right:30px;width:30px;top:40%;}

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{font-size: 30px;padding:15px 3px;border-radius: 5px;left:30px;width:30px;top:40%;}

}





/*m-case*/

.m-case{overflow: hidden;padding:30px 0;}

.m-case-bd{padding:30px 0;overflow: hidden;float: left;}

.m-case-bd .item{width:100%;overflow: hidden;background: #f2f2f2;}

.m-case-bd .item .pic{width:50%;overflow: hidden;float: left;}

.m-case-bd .item .pic img{width:100%;object-fit: cover;transition: all .5s}

.m-case-bd .item .txt{width:50%;overflow: hidden;float: right;padding:25px;box-sizing: border-box;}

.m-case-bd .item .txt .t1{width:100%;float: left;color: #333333;font-size: 18px;}

.m-case-bd .item .txt .t2{width:100%;float: left;color: #646464;font-size: 14px;line-height: 26px;margin-top: 10px}

.m-case-bd .item .txt span{width:33px;height: 33px;text-align: center;line-height: 33px;background: #dcdcdc;border-radius: 100%;color: #fff;font-family:SimSun;display: block;float: left;font-size: 18px;margin-top: 15px}

.m-case-bd .item1 .txt{float: left;}

.m-case-bd .item1 .pic{float: right;}

.m-case-bd .item:hover .txt span{background: #0876c1;}

.m-case-bd .item:hover .pic img{transform: scale(1.1);}

@media(min-width: 992px){

    .m-case-bd .item .txt .t2{height: 50px;overflow: hidden;}

    .no-padding-left{padding-left:0;}

    .no-padding-right{padding-right:0;}

}



@media(min-width: 1200px){

    .m-case-bd .item .txt .t2{height: 78px;overflow: hidden;}

}



/*m-youshi*/

.m-youshi{overflow: hidden;width:100%;background: url(../Image/m-youshi-bg1.jpg) center top no-repeat;}

.m-youshi-hd{text-align: center;padding:60px 15px;width:100%;}

.m-youshi .txt{width:100%;float:left}

.m-youshi .txt .hd{width:100%;float:left}

.m-youshi .txt .hd .lt{color: #666666;font-size: 60px;font-weight: bold;font-family: Arial;font-weight: 700;float: left;}

.m-youshi .txt .hd .rt{width:80%;float: left;padding:10px 0px 16px 5px;}

.m-youshi .txt .hd .rt .t1{font-family: SimHei;font-weight: bold;font-size: 24px;}

.m-youshi .txt .hd .rt .t2{font-size: 14px;margin-top: 3px;}

.m-youshi .txt .bd{padding:0 0 0 16%;box-sizing: border-box;}

.m-youshi .txt .bd li{width:100%;float: left;color: #636363;line-height: 24px;}

.m-youshi .txt .bd li span{width:3px;height: 3px;display: inline-block;background: #8e8e8e;border-radius: 100%;float: left;margin:10px 10px 0 0;}



.m-youshi01{overflow: hidden;width:100%;}

.m-youshi02{margin-top:20px;overflow: hidden; }

.m-youshi03{overflow: hidden;}

.m-youshi04{overflow: hidden;}





.m-youshi-bd{background: url(../Image/m-youshi-bg2.jpg) center bottom no-repeat;height: 526px;margin-top: -380px}

@media(min-width: 768px){

    .m-youshi .txt .hd .rt{width:85%;}

    .m-youshi .txt .bd{padding:0 0 0 10%;}

}

@media(min-width: 992px){

    .m-youshi .txt .bd{padding:0 0 0 11%;}

}

@media(min-width: 1200px){

    .m-youshi01 .right{padding-top:80px;}

    .m-youshi02 .left{margin-top: 60px}

    .m-youshi03 .right{margin-top: 60px;}

    .m-youshi04 .left{margin-top: 60px}

}



/*m-news*/

.m-news{padding:30px 0;overflow: hidden;}

.m-news-bd{padding:30px 0;overflow: hidden;}

.m-news-bd .left{padding:60px 30px;background: #f2f5f8;overflow: hidden;margin-bottom: 30px;float: left;}

.m-news-bd .left span{color: #5e7188;font-size: 18px;}

.m-news-bd .left .t1{color: #5e7188;font-size: 30px;text-transform: uppercase;font-weight: bold;margin:15px 0;}

.m-news-bd .left .t2{line-height: 24px;color: #003351;}

.m-news-bd .left img{padding:20px 0;}

.m-news-bd .left .btns{padding:8px 30px;background: #ff8800;color: #fff;border-radius: 5px;display: block;float: left;}

.m-news-bd .left .btns:hover{background: #0876c1;}

.m-news-bd ul{width:100%;overflow: hidden; }

.m-news-bd ul li{border-top:solid 1px #c7c9cd; height: 75px;float: left;width:100%;margin-bottom: 15px;}

.m-news-bd ul li span{width:3px;height: 3px;background: #5e7188;border-radius: 100%;display: inline-block;float: left;

    margin:25px 10px 0 5px;}

.m-news-bd ul li .t1{font-size: 18px;color: #5e7188;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:50px;font-weight: normal;}

.m-news-bd ul li .t2{color: #5e7188;font-size: 12px;}

.m-news-bd ul li:hover .t1{color: #324256;}

@media(min-width: 992px){

    .m-news-bd ul li{margin-bottom: 8px}

}

@media(min-width: 1200px){

    .m-news-bd ul li{margin-bottom: 15px}

}

/*时事新闻snews*/

.m-snews{width:100%;float:left;}
.m-snews-hd{width:100%;float:left;}
.m-snews-hd h1{font-size: 22px;text-align: center;color: #666;font-weight: initial;line-height: 40px;padding-top: 55px;}
.m-snews-hd h2{color: #2751c7;font-size: 26px;text-align: center;line-height: 40px;font-weight: bold;}
.m-snews-bd{float: left;width:100%;margin-top: 25px;}
.m-snews-bd .left{position: relative;}
.m-snews-bd .left img{width:100%;height: 273px;object-fit: cover;}
.m-snews-bd .left .date{width:90px;height: 80px;position: absolute;background: #1d3f9f;text-align: center;color: #fff;left:15px;top:0;}
.m-snews-bd .left .date h1{font-size: 32px;font-weight: bold;margin-top: 10px}
.m-snews-bd .left .date h2{line-height: 30px;font-size: 16px;}
.m-snews-bd .left h3{font-size: 18px;color: #444;line-height: 55px;height: 55px;overflow: hidden;}
.m-snews-bd .left p{line-height: 30px;font-weight: initial;font-size: 16px;color: #666;overflow: hidden;}
.m-snews-bd .left .more{width: 123px;height: 36px;background: url(../Image/more11.jpg) no-repeat;display: block;font-size: 16px;color: #fff;line-height: 36px;float: left;margin-top: 10px;text-indent: 30px;margin-bottom: 30px;}
.m-snews-bd .left .more:hover{color: #ef6910;}

.m-snews-bd .right ul{
    float: right;
}
.m-snews-bd .right ul li{
    width: 100%;
    height: 130px;
    margin: 0px 15px 15px 0px;
    background: #fff;
    border: solid 1px #ddd;
}
.m-snews-bd .right ul li h4{
    font-size: 18px;
    color: #000;
    font-weight: normal;
    line-height: 40px;
    height: 45px;overflow: hidden;
    margin-top: 8px;
    
}
.m-snews-bd .right ul li h4 a{
    background: url(../Image/snews1.jpg) left center no-repeat;
    text-align: left;
    border-bottom: solid 1px #ccc;
    padding: 10px 0px 10px 25px;
    height: 45px;
    color: #333;
}
.m-snews-bd .right ul li p{
    font-size: 14px;
    line-height: 30px;
    color: #999;
    padding-top: 5px;
    padding-right: 20px;
    height: 70px;overflow: hidden;
}
.m-snews-bd .right  ul li:hover .snews-time{
    color: #555;
    
}
.m-snews-bd .right  ul li:hover h4 a{
    color: #324fb2;
}
.m-snews-bd .right  ul li .snews-time{
    width: 100px;
    height: 120px;
    font-size: 40px;
    color: #0472f8;
    text-align: center;
    float: left;
    line-height: 50px;
    display: block;
    padding-top: 10px;
}
.m-snews-bd .right  ul li .snews-time span{
    font-size: 18px;
    display: block;
    line-height: 40px;
    color: #999;
}

@media(min-width: 992px){
    .m-snews-bd .left p{height: 60px;}
}
@media(min-width: 1200px){
    .m-snews-bd .left .date{left:0px;}
}






/*footer*/

.footer{overflow: hidden;width:100%;}

.f-nav{width: 100%;height: 53px;background: url(../Image/f-nav-bg.jpg) center no-repeat;line-height: 53px;}

.f-nav ul{background: #ff9000;padding:0 15px;}

.f-nav ul a{display: inline-block;color: #fff;width:10%;float: left;text-align: center;}

.f-nav ul a:hover{color: #0876c1}

.f-hd{background: #2c3035;padding:45px 0;overflow: hidden;}

.f-hd .left img{width:30%;float: left;object-fit: cover;}

.f-hd .left .rt{width:70%;float: right;color: #fff;padding:0 0 0 10px;}

.f-hd .left .rt .t1{font-size: 16px;line-height: 26px}

.f-hd .left .rt .t2{font-size: 54px;line-height: 60px}

.f-hd .left .rt .t3{font-size:25px;line-height: 30px}

.f-hd .p1{line-height: 30px;color: #fff;font-size: 16px;padding:30px;box-sizing: border-box;width:100%;}

.links{border-top:solid 1px #3a424c;margin-top:40px;padding:20px 0 0;}

.links .rt{width:88%;float: right;}

.links .rt a{display: inline-block;margin:0 15px;font-size: 16px;color: #fff;}

.links .rt a:hover{color: #ff9000}

.f-bd{padding:20px 15px;font-size: 16px;color: #fff;text-align: center;background: #1b1e21;}

@media(min-width: 992px){

    .f-hd .left img{width:40%;}

    .f-hd .left .rt{width:60%;border-right: solid 1px #3a424c;}

    .f-hd .p1{padding:0 30px;}

    .links .rt{width:85%;}

}

@media(min-width: 1200px){

    .f-hd .left img{width:40%;}

    .f-hd .left .rt{width:60%;}

    .f-hd .p1{padding:15px 30px;}

    .links .rt{width:88%;}

}





/*down*/

.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block;}

.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px;}

.down li a{color: #ffffff;}

.down .current{border-right: none;}

.down li img{max-width: 25px;height: 25px;}







/* go top */

.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}

.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;line-height: 45px;margin-top:1px;}

.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }

.plugin-fixed-call .child:hover{width:160px;background: #000;}

.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}

.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}



.plugin-fixed-call .fixedQQ{bottom:92px;}

.plugin-fixed-call .fixedCall{bottom:46px;}

.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}

.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}

.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;line-height: 45px;margin-top:1px;}

.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}

.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}

.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}

.f-m-nav{ background-color: #222; margin:0; line-height: 50px; position: fixed;z-index: 9999; bottom: 0; width: 100%; overflow: hidden; display: none; }

.f-m-nav li{ float: left; width: 25%; text-align: center;}

.f-m-nav li a{ color: #fff;}



/*l-position*/

.l-position{padding:10px 0;overflow: hidden;width:100%;margin:15px 0;float: left;}

.l-position p{font-size: 14px;padding:0 15px;color: #555;text-align: left;}

.l-position a{color: #555;}

.l-position a:hover{color: #e87807;}



/*sidebar*/

.sidebar{width:100%;overflow: hidden;}

.s-hd{padding:20px 0;text-align: center;}

.s-bd{background: #ffffff;border:solid 1px #0067ac;padding:30px 0;}

.s-bd a{height: 80px;width:100%;font-size: 20px; line-height: 80px;display: block;padding:0 23px;color: #444444;border-bottom: solid 1px #cecece}

.s-bd a span{float: right;color: #444444;font-family:SimSun;}

.s-bd a:hover{background: #0067ac;color:#fff;}

.s-bd a:hover span{color:#fff;}



/*list*/

.list{overflow: hidden;padding:30px 0;width:100%;}

.l-bd{}

.l-right{}

.l-right-hd{text-align: center;position: relative;font-size: 35px;font-weight: bold;}

.l-right-hd:before{content: '';position: absolute;top:25px;height: 1px;background: #0067ac;width:25%;left:0;}

.l-right-hd:after{content: '';position: absolute;top:25px;height: 1px;background: #0067ac;width:25%;right:0;}

.l-right-bd{padding:30px 0;line-height: 260%;font-size: 110%}

@media(min-width: 768px){

    .l-right-hd:before{width:35%;}

    .l-right-hd:after{width:35%;}

}





/*news-box*/

#n-news{ width: 100%;text-indent: center;  margin: 15px 0; background-position:  0 0;  overflow: hidden;padding:15px;background: #eee;box-sizing: border-box;transition: all .5s}

#n-news .time{ width: 20%; border: 1px solid #0067ac; background: #fff; text-align: center; padding-top: 25px; font-size: 40px; font-weight: 700; line-height: 25px; height: 96px; float: left; color: #0067ac;transition: all .5s}

#n-news .time span{ font-size: 14px;}

#n-news .ntxt{ width:78%; float: right;height: 90px;  line-height: 28px; overflow: hidden;}

#n-news .ntxt .title{ color: #333; font-size: 16px; font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

#n-news .ntxt .content{font-size: 14px;margin-top: 8px;color: #555;;}

#n-news:hover .time{ border: 1px solid #0067ac; background:#0067ac; color: #fff}

#n-news:hover{box-shadow: 5px 5px 5px #ccc;}

#n-news:hover .ntxt .title{color: #0067ac;}

@media(min-width: 768px){

    #n-news .time{width:12%;}

    #n-news .ntxt{width:86%;}

}



/*分页效果*/

div.digg{padding:5px;margin:10px;text-align:center; float:right; display: inline;}

div.digg a{border:#aaaadd 1px solid;padding:3px 5px;margin:3px;color:#585858;text-decoration:none}

div.digg a:hover{border:#585858 1px solid;color:#000;}

div.digg a:active{border:#585858 1px solid;color:#000;}

div.digg span.current{border:solid 1px #0067ac;padding:3px 8px;font-weight:bold;margin:3px;color:#fff;background-color:#0067ac;}

div.digg span.disabled{border:#0067ac 1px solid;padding:3px 5px;margin:3px;color:#ddd;}

div.digg select{ border:#0067ac 1px solid; padding:3px 0px;}



/*新闻内页样式*/

.news_title {margin-top: 20px;text-align: center;font-size: 18px;line-height: 36px;font-weight: bold;}

.meta{padding: 15px 0;text-align: center;border-bottom: dashed 1px #cecece;}

.meta img{max-width: 100%;}

#newsnr{margin: 20px 0;}







#prev_next{width:100%;float: left;margin-top: 30px;}

#prev_next li{width:100%;float: left;padding:0 10px; background: #d5d5d5;margin-top:5px;line-height: 260%;border-radius: 5px;}

#prev_next li a{color: #666666;}

#prev_next li:hover a{color: #fff;}

#prev_next li:hover{background: #38393a;color: #fff}





/*图片列表*/

.typelist{padding:0 0 15px;overflow: hidden;width:100%;}

.typelist p a{float: right;color: #fff;font-size:16px}

.typelist p a:hover{color: #fc9000;}

.typelist .right ul{padding:0;border:solid 1px #008641;overflow: hidden;margin:0;box-sizing: border-box;width:100%;}

.typelist .right a{width:33.333%;float: left;display: inline-block;font-size: 14px;font-weight: normal;color: #333333;margin:0px;text-align: center;padding:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;justify-content: space-between;border:solid 1px #cecece;box-sizing: border-box;}

.typelist .right a:hover{color: #008641;}

@media(min-width: 768px){

    .typelist .right a{width:20%;}

    .typelist .item .title h4{width:100%;}

}

@media(min-width: 992px){

    .typelist{padding:15px 0;}

    .typelist .right ul{padding:0;border:none;}

    .typelist .item .title h4{width:100%;}

}





/*piclist*/

.piclist{width:100%;float: left;}

.piclist ul{width:100%;float: left;}

.piclist li img{width:100%;object-fit: cover;border:solid 1px #cecece;}

.piclist li p{text-align: left;font-size: 16px;color: #656769;line-height: 26px;height: 50px;overflow: hidden;margin:15px 0;}

.piclist li:hover p{color: #000}



/*产品内页*/

.l-right-bd .hd{overflow: hidden;width:100%;} 

.l-right-bd .hd .lt{overflow: hidden;height: 400px}

.l-right-bd .hd .rt .t1{font-size: 24px;font-weight: bold;padding: 15px 0;line-height: 30px;}

.l-right-bd .hd .rt .t2{font-size:16px;line-height: 40px;}

.go_order{padding:0px 15px;border:none;background: #0067ac;color: #fff;line-height: 26px;}

.l-right-bd .hd .rt .t3{font-size: 16px;line-height: 36px}

.l-right-bd .bd{margin-top: 30px;}

.l-right-bd .bd p{background: #eee;}

.l-right-bd .bd p span{background: #0067ac;color: #fff;font-size: 16px;padding:10px 15px;}

.l-right-bd .bd .content{line-height: 260%;padding:30px 0;}



/* message styles */

.message{width:100%;float: left;overflow: hidden;margin-left: 5px;}

.message ul{

    overflow: hidden;

}

.message li{

    float: left;

    margin:10px 0;

}

.message input {

    position: relative;

    display: block;

    float: left;

    padding:0 15px;

    width: 100%;

    border: solid 1px #cccccc;

    border-radius: 0;

    background: #fff;

    color: #0075c5;

    font-weight: bold;

    border-radius: 5px

}

.message textarea {

    position: relative;

    display: block;

    float: left;

    padding:.5em;

    width: 100%;

    border: solid 1px #cccccc;

    border-radius: 0;

    background: #fff;

    color: #0075c5;

    font-weight: bold;

    resize:none;

    border-radius: 5px

}

.message textarea:focus {

    outline: none;

}

.message input:focus {

    outline: none;

}

.message #submit{

    

    height: 40px;

    line-height: 40px;

    padding:0;

    color: #fff;

    background:#0067ac;

    cursor: pointer;

    -webkit-transition: background 0.3s;

    transition: background 0.3s;

}

.message #submit:hover{

    background:#044d7d;

}



.order-content{

    padding: 20px 30px;

    background: #fff;

}



.order-content .order-line{

    color: #333;

    height: 30px;

    line-height: 30px;

    margin-bottom: 12px;

    font-size: 14px;

}

.order-content .order-line:after{

    display: block;

    content: '';

    clear: both;

    height: 0;

    width: 0;

}

.order-content .order-line lable{

    width: 70px;

    margin-right: 5px;

    display: inline-block;

    float: left;

    text-align: right;

}

.order-content .order-line .order-zhi{

    float: left;

    padding: 10px;

    line-height: 30px;

    padding: 0px 10px;

    max-width: 380px;

    border: 1px solid #d2d2d2;

}

.order-content .order-line .order-zhi.noborder{

    border:none;

}

.order-content .order-line  .order-zhi.overword{

    height: 30px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;



}

.order-line.bz-line{

    height: auto;

}

.order-content .order-line .beizhu{

    padding: 10px;

    float: left;

    border: 1px solid #d2d2d2;

}

.order-content .order-line .dwid{

    width: 230px;

}

.order-content .order-line img{

    display: inline-block;

    float: left;

    margin-left:15px;

}

.order-content .go-sub{

    margin-left:70px;

    border: none;

    color: #fff;

    background: #ff5e25;

    font-size: 14px;

    padding: 8px 28px;

    margin-top:8px;

    border-radius: 5px;

    outline: none;

}

.order-content .go-sub:hover

{

    background: #FE4200;

}